Design Assets · 7 tools

Fonts and type tools for websites

Type sources and tools chosen for screen work rather than print. Commercial and open-source foundries, tools that generate fluid type scales, and inspectors that show what a font file actually contains before you ship it.

Sort

fontshare.com

FontshareFontsA library of professional-grade fonts, free to use in commercial projects.

klim.co.nz

KlimFontsA type foundry that designs contemporary typefaces for use across the web.

fontsource.org

FontsourceFontsSelf-host open-source fonts by installing them as npm packages in your project.

wakamaifondue.com

Wakamai FondueFontsA tool that inspects font files and reveals the features each one supports.

utopia.fyi

UtopiaFontsA calculator for fluid typography that outputs ready-to-use CSS clamp values.

velvetyne.fr

VelvetyneFontsAn open-source type foundry distributing experimental, freely licensed typefaces.

departuremono.com

Departure MonoFontsA pixel-style monospace typeface designed to feel at home in the terminal.

Frequently asked questions about Fonts and type tools for websites

What are the best places to find fonts for websites in 2026?

Designeer lists 7 font sources and type tools for interface designers, each with a live preview, including Fontshare, Klim and Fontsource. They cover commercial and open-source fonts plus tools for fluid type scales and font inspection.

Are these fonts free for commercial use?

Many are free for commercial use. Fontshare and Velvetyne offer quality open-source and free fonts, and Fontsource packages open-source fonts for self-hosting, though premium foundries like Klim license their fonts for a fee.

What tools help with web typography and type scales?

Utopia helps you build fluid, responsive type scales, and Wakamai Fondue inspects what a font file supports, such as weights and OpenType features. These type tools keep web typography consistent across screen sizes.